
  
  .a_1_0_4_1_1_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
  /* 第一级父节点，指定宽度和高度 */
  
  .a_1_0_4_1_1_parent1 {  
    width: 100%;  
    
    box-sizing: border-box;
    background-color: #212121; 
    height: 100%;   
    position: relative; /* 用于子节点的绝对定位 */  
  }  
    /* 第一级父节点，指定宽度和高度 */  
    .a_1_0_4_1_1_parent {  
      box-sizing: border-box;
      width: 100%;  
      height: calc(100% - 70px); 
      overflow: auto; /* 当内容超出时显示滚动条 */  
      position: relative; /* 用于子节点的绝对定位 */  
      background-color:  #212121; 
    background-image:  
      /* 创建白色圆点 */  
      radial-gradient(circle at 50% 50%, rgba(231, 231, 231, 0.4) 1px, transparent 0px),  
      /* 创建水平间隔 */  
      linear-gradient(to right, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%),  
      /* 创建垂直间隔 */  
      linear-gradient(to bottom, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%);  
    background-size:  
      /* 圆点大小 */  
      10px 10px,  
      /* 水平间隔 */  
      20px 100%,  
      /* 垂直间隔 */  
      100% 20px;  
    background-position:  
      /* 圆点位置 */  
      0 0,  
      /* 水平间隔位置 */  
      0 0,  
      /* 垂直间隔位置 */  
      0 0;  
    background-repeat: repeat, repeat-x, repeat-y;  
    scrollbar-color: rgba(128,128,128,1) transparent;
    }
  /* .a_1_0_4_1_1_parent::-webkit-scrollbar {  
    width: 15px; 
    height: 15px; 
  }  
  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-track {  
    background: transparent!important;  
  }  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-thumb {  
    background-color: gray;  
    border-radius: 10px;  
    border: 3px solid transparent;  
    background-clip: padding-box;  
  }  
  
  .a_1_0_4_1_1_parent:hover::-webkit-scrollbar-thumb {  
    background-color: #888;  
  }   */
  /* 子节点，可以超出父节点的尺寸，但超出部分会隐藏 */  
  .a_1_0_4_1_1_child {  
    overflow: auto;
    /* padding:20px; */
    position: relative; /* 为子节点的子节点的绝对定位提供上下文 */  
    width: 1920px; /* 宽度继承父节点 */  
    height: 1080px; /* 最小高度继承父节点，确保内容不会折叠 */  
    display: flex; /* 使用Flex布局 */  
    flex-direction: column; /* 子项垂直堆叠 */  
    
    background: white;
  } 
.a_1_0_4_1_11_div{
  display: fixed;
  width:100%;
  height:100%;
  }
.a_1_0_4_1_1_div_display_none{
  display:none!important
}
.a_1_0_4_1_11_diveee{
    position: fixed;
    width:100%;
    height:100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-rendering: optimizeLegibility;
    -webkit-user-drag: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    }
    
.a_1_0_4_1_1{
  outline: 2px solid #9f9898;
  
  display: block;
  width:100%;
  height: 100%;
}
.a_1_0_4_1_1_div_blue-border {  
  outline: 4px dotted blue; /* 蓝色虚线边框 */  
  z-index:9999999;
  position: relative;
  }  
    
.a_1_0_4_1_1_div_solid-border {  
  outline: 4px solid blue;/* 实线边框 */  
  z-index:9999999;
  position: relative;
}  
.a_1_0_4_1_1_hong_se_heng_xian{
  width:100%!important;
  height:5px!important;
  background:red!important;
}
.a_1_0_4_1_1_hong_se_shu_xian{
    width: 5px!important;
    height: 100%!important;
    background-color: red!important;
    display: inline-block!important;
}

.a_1_0_4_1_1_heng_top {  
  border-top: 8px solid red;  
}  

.a_1_0_4_1_1_heng_bottom {
  border-bottom: 8px solid red;  
}  

.a_1_0_4_1_1_shu_left {  
  border-left: 8px solid red;  
}  

.a_1_0_4_1_1_shu_right {  
  border-right: 8px solid red;  
}

.a_1_0_4_1_1_shu_page_info>button{margin-right: 20px;
  margin-left: 0px !important;
  top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: relative;
    float: right;
}
.a_1_0_4_1_1_shu_page_info>div{margin-right: 20px;
  margin-left: 0px !important;
  top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: relative;
    float: right;
}
.a_1_0_4_1_1_shu_page_info{
  height:35px;width:100%; 
  position: relative;
  box-sizing: border-box;
}

.set_server_show_b1{
  white-space: nowrap; 
  position: relative;
    line-height: 1.5em;
    text-align: center;
    position: absolute;
    background-color: #eeeeef;
    color: #fff;
    font:0.9em helvetica;
    padding: 5px 20px;
    border: 2px solid transparent;
    border-radius: 18px;
    background-color: #68b8f7;

  -webkit-user-select: none; /* Chrome all / Safari all */  
  -moz-user-select: none;    /* Firefox all */  
  -ms-user-select: none;     /* IE 10+ */  
  user-select: none;         /* Likely future */  
}

.set_server_show_b2{
  position:absolute;
}
.set_server_show_b2:hover circle {  
  fill: black;  
}
.test:hover{
  color:#51d6a9;
  stroke:#51d6a9;
}


.menu-container {  
  background-color: rgb(114 114 134); /* 假设的背景颜色 */  
  color: white; /* 假设的文字颜色 */  
  padding: 3px;  
  border-radius: 5px;  
  width:140px;
  position: absolute;
  z-index:999
}  
  
.menu-list {  
  list-style: none;  
  padding: 0;   
}  
   
.menu-item {  
  display: flex;  
  align-items: center;  
  margin-bottom: 8px;  
  font-size: 20px; /* 合适的文字大小 */  
}  
  
.menu-item .icon {  
  margin-right: 8px;  
  width: 30px;
}  

.svg_container:hover svg path {  
  fill: #b3d8ff;  
  stroke: #b3d8ff;
  z-index:888
}
.svg_container:hover svg {  
  z-index:888
}

/* 点击组件 颜色 */
.set_server_show_button_click{
  color: #409EFF;
  background: #ecf5ff;
  border-color: #b3d8ff;
}

/* 点击连线 out组件 颜色 */
.set_server_show_button_click2{
  color: #409EFF;
  background: #ecf5ff;
  border-color: #b3d8ff;
}
/* 点击连线 in组件 颜色 */
.set_server_show_button_click3{
  color: #fff;
  background:   #909399;
  border-color: #b3d8ff;
}
/* 点击连线 连线 颜色 */

.set_server_show_line svg path {
    fill: #b3d8ff;  
    stroke: #b3d8ff;
    z-index:888
  }
.set_server_show_line svg {  
    z-index:888
  }

  .set_server_show_process_ok,.set_server_show_process_err{
    
  position:absolute;
  }
  .set_server_show_tree_type0{
    position:absolute;
    fill:#51d6a9,
    }
  .set_server_show_tree_type1{
    position:absolute;
    fill:#ff7f00,

  }
  .set_server_show_tree_type0 circle{
    stroke:#51d6a9;
    fill:#51d6a9;
    z-index:8888;
  }
  .set_server_show_tree_type1 circle{
    stroke:#ff7f00;
    fill:#ff7f00;
    z-index:8888;
  }

  /* 进程图标的正常颜色 绿色 */
  .set_server_show_process_ok circle{
    
    stroke:#51d6a9;
    z-index:8888;
    fill:white;

  }
  
  .set_server_show_process_ok text{
    fill:green;
    z-index:8888;
  }
  /* 进程图标的异常颜色 红色 */
  .set_server_show_process_err circle{
    stroke:red;
    fill:white;
    z-index:8888;

  }
  .set_server_show_process_err text{
    fill:red;
    z-index:8888;
  }
.control_flow{
  color: #9d9d9d;
}
  .control_flow:hover{
   color: #cccccc;
   background-color: rgba(90, 93, 94, 0.31);
  }